<!DOCTYPE html>
<html>
  <head>
    <title>lazyload_div.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript" src="res/script/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="res/script/waypoints.js"></script>
    <script type="text/javascript" src="res/script/lazyload.js"></script>
  </head>
  
  <body onload="initLazyLoad()">
    This is my HTML page. <br>
    <table style="border-width: 1;border-color: black;">
    	<tr>
    	<td height="900px">
    	<div id="div1" class="div" style="height: 900px;width: 400px;background-color: #000eee"></div>
    	eee</td>
    	</tr>
    	
    	<tr>
    	<td height="900px">
    	<div id="div2"  class="div"  style="height: 900px;width: 400px;background-color: #000eee"></div>aaa</td>
    	</tr>
    	
    	<tr>
    	<td height="900px">
    	<div id="div3"  class="div"  style="height: 900px;width: 400px;background-color: #000eee"></div>aaa</td>
    	</tr>
    	
    	<tr>
    	<td height="900px">
    	<div id="div4"  class="div"  style="height: 900px;width: 400px;background-color: #000eee"></div>aaa</td>
    	</tr>
    </table>
  </body>
</html>
